<template>
	<view>
		<!-- 按钮区域 -->
		<button class="login-btn" @click="toLoginPage">
			前往登录页面
		</button>
		<button class="login-btn" @click="toCityDiscovery">
			城市探索
		</button>
		<button class="login-btn" @click="topicture">
			图片显示
		</button>
		<button class="login-btn" @click="toweather">
			天气预报
		</button>
		<button class="login-btn" @click="tonetpicture">
			 网络图片显示
		</button>
		<button class="login-btn" @click="toIntentPage">
			 组件传值
		</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			// 跳转到登录页面的方法
			toLoginPage() {
				// 使用uni-app的导航API进行页面跳转
				uni.navigateTo({
					url: '/pages/Login/Login'
				})
			},
			// 跳转到城市探索页面的方法
			toCityDiscovery() {
				// 使用uni-app的导航API进行页面跳转
				uni.navigateTo({
					url: '/pages/demos/CityDiscovery/CityDiscovery'
				})
			},
			// 跳转到图片显示页面的方法
			topicture() {
				// 使用uni-app的导航API进行页面跳转
				uni.navigateTo({
					url: '/pages/picture/picture'
				})
			},
			// 跳转到天气预报页面的方法
			toweather() {
				// 使用uni-app的导航API进行页面跳转
				uni.navigateTo({
					url: '/pages/weather/weather'
				})
			},
			// 跳转到网络图片显示页面的方法
			tonetpicture() {
				// 使用uni-app的导航API进行页面跳转
				uni.navigateTo({
					url: '/pages/netpicture/netpicture'
				})
			},
			// 跳转到组件传值页面的方法
			toIntentPage() {
				// 使用uni-app的导航API进行页面跳转
				uni.navigateTo({
					url: '/pages/IntentPage/IntentPage'
				})
			},
		}
	}
</script>

<style>
	.login-btn {
		width: 80%;
		margin: 20rpx auto;
		padding: 15rpx 0;
		background-color: #007aff;
		color: #ffffff;
		border-radius: 8rpx;
		font-size: 32rpx;
		display: block; /* 确保按钮独占一行 */
	}
</style>
